<template>
	<view>
		<u-navbar>
			<view @tap="xzwz" class="location" slot="left">
				<image class="map" src="/static/ymq_canyino2o/location.png"></image>
				<view>{{ weizhi }}</view>
				<image class="arrow" src="/static/ymq_canyino2o/arrow-right.png"></image>
			</view>
		</u-navbar>
		<daya-clone-navbar :prop_clone_navbar="clone_navbar" :prop_is_ipx="is_ipx" />
		<view v-if="mask1Hidden==false" @tap="mask1Cancel" :class="'mask ' + (mask1Hidden ? '' : 'maskactive')">
			<view class="maskbody">
				<block name="sort_list">
					<view class="sort-list">
						<view @tap="onOverallTag" :class="'sort ' + (selected == 0 ? 'sort-active' : '')">
							<view>{{ sortSelected }}</view>
							<image :class="mask1Hidden ? 'sortimg' : 'sortimg1'"
								src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/down1.png"></image>
						</view>
						<view @tap="onTapTag" :class="'sort ' + (selected == 1 ? 'sort-active' : '')" data-index="1">
							距离最近</view>
						<view @tap="onTapTag" :class="'sort ' + (selected == 2 ? 'sort-active' : '')" data-index="2">
							好评优先</view>
						<view @tap="onFilter" :class="'sort ' + (issx ? 'sort-active' : 'sort-active2')">
							<view>筛选</view>
							<image class="sortimg" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/screen.png"></image>
						</view>
					</view>
				</block>
				<view class="overall-sort-list">
					<view @tap="onSortSelectedFun" class="overall-sort" data-index="0" :data-sortindex="index"
						v-for="(item, index) in sortList" :key="index">{{ item.sort }}</view>
				</view>
			</view>
		</view>

		<view v-if="mask2Hidden==false" @tap="mask2Cancel" :class="'mask ' + (mask2Hidden ? '' : 'maskactive')">
			<view class="maskbody">
				<block name="sort_list" v-if="false">
					<view class="sort-list">
						<view @tap="onOverallTag" :class="'sort ' + (selected == 0 ? 'sort-active' : '')">
							<view>{{ sortSelected }}</view>
							<image :class="mask1Hidden ? 'sortimg' : 'sortimg1'"
								src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/down1.png"></image>
						</view>
						<view @tap="onTapTag" :class="'sort ' + (selected == 1 ? 'sort-active' : '')" data-index="1">
							距离最近</view>
						<view @tap="onTapTag" :class="'sort ' + (selected == 2 ? 'sort-active' : '')" data-index="2">
							好评优先</view>
						<view @tap="onFilter" :class="'sort ' + (issx ? 'sort-active' : 'sort-active2')">
							<view>筛选</view>
							<image class="sortimg" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/screen.png"></image>
						</view>
					</view>
				</block>
				<scroll-view class="filterList" :scrollY="true">
					<view class="filterList-characteristic-title">商家特色(多选)</view>
					<view class="filterList-characteristic-items">
						<view @tap.stop.prevent="characteristicSelectedFun"
							:class="'filterList-characteristic-item ' + (characteristicSelected[index] == true ? 'characteristic-selected' : '')"
							:data-index="index" :data-name="item.text" v-for="(item, index) in characteristicList" :key="index">
							{{ item.text }}
						</view>
					</view>
					<view class="filterList-discount-title">优惠活动(单选)</view>
					<view class="filterList-discount-items">
						<view @tap.stop.prevent="discountSelectedFun"
							:class="'filterList-discount-item ' + (discountSelected == index ? 'discount-selected' : '')"
							:data-index="index" v-for="(item, index) in discountList" :key="index">
							<text class="filterList-discount-item-icon" :style="'background:' + item.iconColor">{{ item.icon }}</text>

							{{ item.text }}
						</view>
					</view>
				</scroll-view>
				<view class="filterList-footer">
					<view @tap.stop.prevent="clearSelectedNumb" class="filterList-footer-delect">清除筛选</view>
					<view @tap="finish" class="filterList-footer-finish" v-if="selectedNumb != 0">
						完成
						<view class="filterList-footer-finish-number" v-if="selectedNumb != 0">{{ selectedNumb }}</view>
					</view>
					<view class="filterList-footer-finish" style="background: #efeff4" v-else>完成</view>
				</view>
			</view>
		</view>

		<view class="main">
			<!-- :style="'background:' + (topmove ? color : '')" -->
			<view class="head" :style="{top: top + 'px'}">
				<!-- #ifndef H5 -->
				<!-- <view class="head-left">
					<view @tap="xzwz" class="hl">
						<image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/location.png"></image>
						<view>{{ weizhi }}</view>
						<image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/jiantou.png"></image>
					</view>
				</view> -->

				<view @tap="sssj" class="head-right">
					<view class="h2">
						<image class="h2-img" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/search.png">
						</image>
						<input class="h2-input" placeholder="搜索商家或者商品" />
					</view>
				</view>
				<!-- #endif -->

				<!-- #ifdef H5 -->
				<view @tap="sssj" class="head-search-box">
					<view class="h2">
						<image class="h2-img" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/search.png">
						</image>
						<input class="h2-input" placeholder="输入商家名称" />
					</view>
				</view>
				<!-- #endif -->

			</view>
			<view class="wrapper" :style="{marginTop: top + 60 +'px'}">
				<div v-if="home_tpl_ad_list.length>0" class="swiper ">
					<swiper :current="swipper_index" class="swiper-box">
						<swiper-item v-for="(item, home_tpl_ad_index) in home_tpl_ad_list" :key="home_tpl_ad_index">
							<image @tap="jumps" class="img" :data-appid="item.appid" :data-id="item.id" :data-name="item.title"
								:data-src="item.src" :data-type="item.item" :data-wb_src="item.src2" :src="item.logo" mode=""
								style="height: 100%;width: 100%;">
							</image>
						</swiper-item>
					</swiper>
				</div>

				<view class="body">
					<view class="banner" v-if="toplb.length != 0">
						<view class="swiper-container">
							<swiper autoplay="auto" :circular="true" class="swiper" duration="500" :indicatorActiveColor="color"
								indicatorColor="white" :indicatorDots="true" interval="5000">
								<swiper-item @tap="tzweb" :data-index="index" v-for="(item, index) in toplb" :key="index">
									<image @tap="jumps" class="img" :data-appid="item.appid" :data-id="item.id" :data-name="item.title"
										:data-src="item.src" :data-type="item.item" :data-wb_src="item.src2" :src="item.logo"></image>
								</swiper-item>
							</swiper>
						</view>
					</view>
					<view v-if="mdxx.typeset == '1'">
						<swiper :circular="true" class="swiper-box" duration="500" indicatorActiveColor="#999"
							indicatorColor="#f4f4f4" :indicatorDots="navs.length > 1" interval="5000" style="height: 175rpx"
							v-if="mdxx.fl_more == '1' && navs.length == 1 && navs[0].length < 5">
							<swiper-item class="handover" v-for="(item, index) in navs" :key="index">
								<view class="classification">
									<view @tap="jumps" class="child_element" :data-appid="item.appid" :data-id="item.id"
										:data-name="item.title" :data-src="item.src" :data-type="item.item" :data-wb_src="item.src2"
										v-for="(item, index1) in item" :key="index1">
										<view class="slide_icon">
											<image class="img" mode="aspectFit" :src="item.logo"></image>
										</view>

										<view class="slide_icon_text">{{ item.title }}</view>
									</view>
								</view>
							</swiper-item>
						</swiper>
						<swiper :circular="true" class="swiper-box" duration="500" indicatorActiveColor="#999"
							indicatorColor="#f4f4f4" :indicatorDots="navs.length > 1" interval="5000" style="height: 175rpx"
							v-if="mdxx.fl_more == '2' && navs.length == 1 && navs[0].length < 6">
							<swiper-item class="handover" v-for="(item, index) in navs" :key="index">
								<view class="classification">
									<view @tap="jumps" class="child_element1" :data-appid="item.appid" :data-id="item.id"
										:data-name="item.title" :data-src="item.src" :data-type="item.item" :data-wb_src="item.src2"
										v-for="(item, index1) in item" :key="index1">
										<view class="slide_icon">
											<image class="img" mode="aspectFit" :src="item.logo"></image>
										</view>

										<view class="slide_icon_text">{{ item.title }}</view>
									</view>
								</view>
							</swiper-item>
						</swiper>
						<swiper :circular="true" class="swiper-box" duration="500" indicatorActiveColor="#999"
							indicatorColor="#f4f4f4" :indicatorDots="navs.length > 1" interval="5000" style="height: 350rpx"
							v-if="mdxx.fl_more == '1' && navs.length >0 && navs[0].length >= 5">
							<swiper-item class="handover" v-for="(item, index) in navs" :key="index">
								<view class="classification">
									<view @tap="jumps" class="child_element" :data-appid="item.appid" :data-id="item.id"
										:data-name="item.title" :data-src="item.src" :data-type="item.item" :data-wb_src="item.src2"
										v-for="(item, index1) in item" :key="index1">
										<view class="slide_icon">
											<image class="img" mode="aspectFit" :src="item.logo"></image>
										</view>
										<view class="slide_icon_text">{{ item.title }}</view>
									</view>
								</view>
							</swiper-item>
						</swiper>
						<swiper :circular="true" class="swiper-box" duration="500" indicatorActiveColor="#999"
							indicatorColor="#f4f4f4" :indicatorDots="navs.length > 1" interval="5000" style="height: 350rpx"
							v-if="mdxx.fl_more == '2' && navs.length >0 && navs[0].length >= 6">
							<swiper-item class="handover" v-for="(item, index) in navs" :key="index">
								<view class="classification">
									<view @tap="jumps" class="child_element1" :data-appid="item.appid" :data-id="item.id"
										:data-name="item.title" :data-src="item.src" :data-type="item.item" :data-wb_src="item.src2"
										v-for="(item, index1) in item" :key="index1">
										<view class="slide_icon">
											<image class="img" mode="aspectFit" :src="item.logo"></image>
										</view>

										<view class="slide_icon_text">{{ item.title }}</view>
									</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view>

				<view class="join" v-if="mdxx.is_zb == '1'">
					<view class="ctwz" :style="'color:' + color">周边在买啥</view>
					<swiper :autoplay="true" :circular="true" class="jionbo gobyndsingle" interval="2000" :vertical="true">
						<view @tap="tzsjxq" :data-sjid="item.store_id" v-for="(item, index) in ZbOrder" :key="index">
							<swiper-item>
								{{ item.time2 }}前,有人买了
								<text class="join-name">{{ item.goods_name }}</text>
							</swiper-item>
						</view>
					</swiper>
					<image class="jion-jtimg" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/huise@2x.png">
					</image>
				</view>




				<cardlist :content="cardlist" v-if="cardlist.pictureList.length"></cardlist>

				<view class="zjgg" style="padding-bottom: 10rpx" v-if="zblb.length > 0">
					<view class="zjgg-swiper">
						<swiper autoplay="auto" :circular="true" class="swiper" duration="500" indicatorActiveColor="#34AAFF"
							indicatorColor="white" :indicatorDots="zblb.length > 1" interval="5000">
							<swiper-item :data-index="index" v-for="(item, index) in zblb" :key="index">
								<image @tap="jumps" class="img" :data-appid="item.appid" :data-id="item.id" :data-name="item.title"
									:data-src="item.src" :data-type="item.item" :data-wb_src="item.src2" :src="item.logo"></image>
							</swiper-item>
						</swiper>
					</view>
				</view>
				<block v-if="mdxx.qggn == '1' && mdxx.is_qg == '1'">
					<navigator class="join join-title" style="margin-bottom: 0; margin-top: 20rpx" url="../xsqg/xsqg">
						<!-- <image class="jion-img" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/fire.png"></image> -->
						<view class="jionbo ctwz" style="color: #363333; border: none">限时抢购</view>
						<image class="jion-jtimg" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/huise@2x.png"></image>
					</navigator>
					<view class="xsqg">
						<scroll-view class="xsqg-sv" :scrollX="true">
							<navigator class="xsqg-view" :url="'../xsqg/xsqgxq?id=' + item.id" v-for="(item, index) in qglist"
								:key="index">
								<image mode="aspectFit" :src="item.logo"></image>
								<view class="gobyndsingle name">{{ item.name }}</view>
								<view class="gobyndsingle">
									<text class="money">￥{{ item.money }}</text>
									<text class="price">￥{{ item.price }}</text>
								</view>
								<view class="slide">
									<view class="left">抢</view>
									<view class="right">
										<text>{{ ((item.qg_num / item.number) * 100).toFixed(2) }}%</text>
										<view class="progress-wrapper">
											<view class="progress">

												<view class="inner" :style="{width: ((item.qg_num / item.number) * 100).toFixed(2) + '%'}">
												</view>
												<view class="outer">
												</view>
											</view>
										</view>
									</view>
								</view>
							</navigator>
						</scroll-view>
					</view>
				</block>
				<ad :unitId="item.src" v-for="(item, index) in dbllz" :key="index"></ad>
				<view class="pzyx" v-if="mdxx.is_brand == '1' && Brand.length != 0">
					<view class="jzwb" style="margin-bottom: 10rpx">
						<view class="wz tbwz">优选店铺</view>
						<image class="jion-jtimg" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/huise@2x.png"></image>
					</view>
					<view class="pzyx-sv" :scrollX="true">
						<view @tap="tzsjxq" class="pzyx-view" :data-sjid="item.id" data-type="1" v-for="(item, index) in Brand"
							:key="index">
							<image mode="aspectFill" :src="item.logo"></image>
							<text class="price">￥{{ item.money }}</text>
							<!-- <view class="gobyndsingle" style="font-weight: bold; color: #333">{{ item.name }}</view> -->

							<!-- <view class="gobyndsingle">大牌精选</view> -->
						</view>
					</view>
				</view>
				<view class="zjgg" style="padding-top: 20rpx" v-if="dblb.length > 0">
					<view class="zjgg-swiper">
						<swiper autoplay="auto" :circular="true" class="swiper" duration="500" indicatorActiveColor="#34AAFF"
							indicatorColor="white" :indicatorDots="dblb.length > 1" interval="5000">
							<swiper-item :data-index="index" v-for="(item, index) in dblb" :key="index">
								<image @tap="jumps" class="img" :data-appid="item.appid" :data-id="item.id" :data-name="item.title"
									:data-src="item.src" :data-type="item.item" :data-wb_src="item.src2" :src="item.logo"></image>
							</swiper-item>
						</swiper>
					</view>
				</view>
				<ad :unitId="item.src" v-for="(item, index) in zbllz" :key="index"></ad>

				<view class="tjsj" v-if="mdxx.is_tj == '1'">
					<!-- <view class="jzwb">
						<view class="hx"></view>
						<view class="wz tbwz">推荐商家</view>
						<view class="hx"></view>
					</view> -->

					<block name="sort_list">
						<view class="sort-wrapper">
							<view class="sort-list">
								<view @tap="onOverallTag" :class="'sort ' + (selected == 0 ? 'sort-active' : '')">
									<view>{{ sortSelected }}</view>
									<image style="width: 16rpx;height: 12rpx;" :class="mask1Hidden ? 'sortimg' : 'sortimg1'"
										:src="selected == 0 ? '/static/ymq_canyino2o/arrow-bottom-active.png' : '/static/ymq_canyino2o/arrow-bottom.png'"></image>
								</view>
								<view @tap="onTapTag" :class="'sort ' + (selected == 1 ? 'sort-active' : '')" data-index="1">距离最近</view>
								<view @tap="onTapTag" :class="'sort ' + (selected == 2 ? 'sort-active' : '')" data-index="2">好评优先</view>
								<!-- :class="'sort ' + (issx ? 'sort-active' : 'sort-active2')" -->
								<view @tap="onFilterClick" class="sort">
									<view>筛选</view>
									<image style="width: 16rpx;height: 12rpx;" :class="!isShowFilter ? 'sortimg' : 'sortimg1'" src="/static/ymq_canyino2o/arrow-bottom.png"></image>
								</view>
							</view>
							<div class="filters" v-show="isShowFilter">
								<!-- <view class="filterList-characteristic-title">商家特色(多选)</view> -->
								<view class="filterList-characteristic-items">
									<view @tap.stop.prevent="characteristicSelectedFun"
										:class="'filterList-characteristic-item ' + (characteristicSelected[index] == true ? 'characteristic-selected' : '')"
										:data-index="index" :data-name="item.text" v-for="(item, index) in characteristicList" :key="index">
										{{ item.text }}
									</view>
									<view @tap.stop.prevent="discountSelectedFun"
										:class="'filterList-characteristic-item ' + (discountSelected == index ? 'discount-selected' : '')"
										:data-index="index" v-for="(item, index) in discountList" :key="index">
										{{ item.text }}
									</view>
								</view>
							</div>
							<view class="overall-sort-list" v-show="isShowOverall">
								<view @tap="onSortSelectedFun" class="overall-sort" data-index="0" :data-sortindex="index"
									v-for="(item, index) in sortList" :key="index">{{ item.sort }}</view>
							</view>
						</view>
					</block>

					<view @tap="tzsjxq" :class="'sjlb flex-row ' + (item.is_yy == 2 && mdxx.isyykg == 1 ? 'bszz' : '')"
						:data-sjid="item.id" v-if="item.aa1 != NaN" v-for="(item, index) in storelist" :key="index">
						<view class="sjleft flex-grow-0">
							<image class="sjleftimg" mode="aspectFill" :src="item.logo"></image>
							<view class="xzhiding" v-if="item.is_brand == '1'">品牌</view>
						</view>

						<view class="sjright flex-grow-1 flex-col">
							<view class="sjright1 flex-bet flex-y-center">
								<view class="sjright1-l gobyndsingle">{{ item.name }}</view>
								<view class="isyy" v-if="item.is_yy == 2 && mdxx.isyykg == 1">休息中</view>
							</view>
							<view class="sjright2 flex-bet flex-y-center">
								<view class="flex-row flex-grow-1 flex-y-center">
									<!-- <view class="pingjia_fenshu3">
										<view class="kximg">
											<image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/i-star.png">
											</image>
										</view>
										<view class="sximg" :style="'width: ' + item.sales * 20 + '%'">
											<image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/i-stars.png">
											</image>
										</view>
									</view> -->
									<image src="/static/ymq_canyino2o/score.png" mode="" style="width: 24rpx;height: 24rpx;margin-right: 15rpx;"></image>
									<view class="pingfen" style="font-size: 24rpx;">{{ item.sales }}</view>
									<view class="recommed_midel" style="font-size: 20rpx;margin-left: 15rpx;">月售{{ item.score }}+</view>
								</view>

								<view class="flex-row flex-y-center">
									<view class="sjright3text" :style="'border-right:' + (item.is_ps == '1' ? '' : 0)"
										v-if="item.is_ps == '1' && item.ps_time">
										{{ item.ps_time }}
									</view>
									<view class="sjright3text" style="border-right: 0; padding-right: 0" v-if="item.is_ps != '1'">
										离你{{ item.aa }}</view>
									<view class="sjright3text" v-if="item.is_ps == '1'" style="border-right: 0; padding-right: 0">
										{{ item.aa }}</view>

								</view>
							</view>
							<view class="sjright3 flex-bet flex-y-center" style="margin-top: 4rpx;">
								<view class="flex-row flex-y-center">
									<view class="sjright3text" style="padding-left: 0;border-right: 0" v-if="item.is_ps == '1'">
										起送￥{{ item.start_at }}
									</view>
									<view class="sjright3text" style="border-right: 0" v-if="item.is_ps == '1'">
										配送 约￥{{ item.ps_money }}
									</view>
									<view class="sjright3text" style="border-right: 0" v-if="item.is_ps != '1'">
										人均￥{{ item.capita }}/人
									</view>
								</view>

								<view class="sjright2-r flex-grow-0 flex-row flex-y-center" v-if="item.is_ps == '1'">
									<view class="sjright2-text" v-if="item.ps_mode">{{ item.ps_mode }}</view>
									<view class="sjright2-text">准时达</view>
								</view>
							</view>
							<view class="sjright4" v-if="item.mj.length > 0 && item.xyh_open == '1'">
								<view class="sjright4-l flex-grow-1" v-if="item.mj.length > 0">
									<view class="flex-row">
										<view class="mj">减</view>
										<view class="gobyndsingle">
											<text v-for="(i, index1) in item.mj" :key="index1">满{{ i.full }}减{{ i.reduction }},</text>
										</view>
									</view>
									<view class="flex-row" v-if="item.xyh_open == '1'">
										<view class="xyh">新</view>
										<view class="gobyndsingle">新用户下单立减{{ item.xyh_money }}元</view>
									</view>
								</view>
								<view class="sjright4-r flex-grow-0">
									<image :class="'sjright4-rimg ' + (item.open ? 'show' : 'close')"
										src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/down.png"></image>
								</view>
							</view>
						</view>
					</view>
					<view class="jzz" v-if="!mygd">
						<image class="Rotation" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/jzz.png">
						</image>
						<view>加载中...</view>
					</view>
					<view class="kong" v-if="storelist.length == 0 && mygd">
						<image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/wushuju.png"></image>
						<view>暂无相关数据</view>
					</view>
					<view class="jzwb" v-if="mygd">
						<view class="hx"></view>
						<view class="wz">加载完毕</view>
						<view class="hx"></view>
					</view>
				</view>


				<view class="copyright">
					<view :appId="mdxx.tz_appid" class="copyright_logo" extraData="" openType="navigate" path=""
						target="miniProgram" version="release">
						<image class="copyright_img" mode="aspectFill" :src="mdxx.bq_logo"></image>
						<view class="copyright_text">{{ mdxx.bq_name }}</view>
					</view>
					<view class="copyright_txt">{{ mdxx.support }}</view>
				</view>

			</view>
		</view>

		<!--置顶-->
		<button @tap="hddb" class="hddb">
			<image src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/zd.png"></image>
		</button>

		<!--天降红包-->
		<view class="fixed" v-if="istjhb">
			<view class="ab"></view>
			<view class="ab udlr animation">
				<view class="rel">
					<image :animation="animationData" class="img1" mode="aspectFit"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/tianjiang.png"></image>
					<image :animation="animationData_2" class="img2 ab" mode="widthFix"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/img2.png"></image>
					<image :animation="animationData_4" class="img4 ab" mode="widthFix"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/bag1.png"></image>
					<image :animation="animationData_5" class="img5 ab" mode="widthFix"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/bag2.png"></image>
				</view>
				<view :animation="animationData_1" class="rel">
					<view class="coupon ab">
						<view class="tjhbyhq" v-for="(item, index) in tjhbarr" :key="index">
							<view class="tjhbyhqtop flex-row">
								<view class="flex-grow-1">￥{{ item.reduce }}</view>
								<view class="flex-grow-0">{{ item.name }}</view>
							</view>

							<view class="tjhbyhqft flex-row">
								<view class="hyuan1"></view>
								<view class="hyuan2"></view>
								<view class="flex-grow-1">满{{ item.full }}可用</view>
								<view class="flex-grow-0">有效期{{ item.end_time }}</view>
							</view>
						</view>
					</view>
					<view :animation="animationData_9" @tap="qxd" class="place_coupon ab">
						<image mode="widthFix" src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/place.png">
						</image>
					</view>
					<image class="img1" mode="widthFix"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/back.png"></image>
					<image :animation="animationData_6" class="img6 ab" mode="widthFix"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/img3.png"></image>
					<image :animation="animationData_7" class="img7 ab" mode="widthFix"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/img1.png"></image>
					<image :animation="animationData_8" class="img8 ab" mode="widthFix"
						src="https://yunkeososyunchuc.bc8t.cn/ymq_canyino2o/static/animation/img5.png"></image>
				</view>
			</view>
		</view>

		<!--获取电话号码-->
		<gettel v-if="userinfo && !userinfo.user_tel && mdxx.is_tel == 1"></gettel>

	</view>
</template>

<script>
	import cardlist from '@/ymq_canyino2o/dist/cardlist/index';
	import gettel from '@/ymq_canyino2o/dist/gettel/index';
	var qqmapsdk;

	if ('function' == typeof Symbol && 'symbol' == typeof Symbol.iterator) {
		var _typeof = function(t) {
			return typeof t;
		};
	} else {
		var _typeof = function(t) {
			return t && 'function' == typeof Symbol && t.constructor === Symbol && t !== Symbol.prototype ? 'symbol' :
				typeof t;
		};
	}
	var app = getApp();
	var util = require('../../utils/util.js');
	var QQMapWX = require('../../utils/qqmap-wx-jssdk.js');
	export default {
		components: {
			cardlist,
			gettel
		},
		data() {
			return {
				isShowFilter: false,
				characteristicList: [{
						text: '0配送费'
					},
					{
						text: '0元起送'
					}
				],

				sortList: [{
						sort: '综合排序',
						image: ''
					},
					{
						sort: '销量最高',
						image: ''
					},
					{
						sort: '起送价最低',
						image: ''
					},
					{
						sort: '配送费最低',
						image: ''
					}
				],

				discountList: [{
						icon: '减',
						iconColor: '#FF635B',
						text: '满减优惠',
						zdname: ' and d.money is not null'
					},
					{
						icon: '新',
						iconColor: '#34aaff',
						text: '新用户立减',
						zdname: ' and c.xyh_open=1'
					},
					{
						icon: '提',
						iconColor: '#6FDF64',
						text: '到店自提',
						zdname: ' and c.is_zt=1'
					}
				],

				categoryList: {
					pageone: [{
							name: '美食',
							src: '/pages/images/1.png'
						},
						{
							name: '甜点饮品',
							src: '/pages/images/2.png'
						},
						{
							name: '美团超市',
							src: '/pages/images/3.png'
						},
						{
							name: '正餐精选',
							src: '/pages/images/4.png'
						},
						{
							name: '生鲜果蔬',
							src: '/pages/images/5.png'
						},
						{
							name: '全部商家',
							src: '/pages/images/6.png'
						},
						{
							name: '免配送费',
							src: '/pages/images/7.png'
						},
						{
							name: '新商家',
							src: '/pages/images/8.png'
						}
					],
					pagetwo: [{
							name: '美食',
							src: '/pages/images/1.png'
						},
						{
							name: '甜点饮品',
							src: '/pages/images/2.png'
						},
						{
							name: '美团超市',
							src: '/pages/images/3.png'
						},
						{
							name: '正餐精选',
							src: '/pages/images/4.png'
						},
						{
							name: '生鲜果蔬',
							src: '/pages/images/5.png'
						},
						{
							name: '全部商家',
							src: '/pages/images/6.png'
						},
						{
							name: '免配送费',
							src: '/pages/images/7.png'
						},
						{
							name: '新商家',
							src: '/pages/images/8.png'
						}
					]
				},

				params: {
					nopsf: 2,
					nostart: 2,
					yhhd: ''
				},

				issx: false,
				selected: 0,
				mask1Hidden: true,
				mask2Hidden: true,
				animationData: '',
				location: '',
				characteristicSelected: [false, false],
				discountSelected: null,
				selectedNumb: 0,
				sortSelected: '综合排序',
				pagenum: 1,
				storelist: [],
				bfstorelist: [],
				mygd: false,
				jzgd: true,
				isjzz: true,
				topmove: false,
				isxlsxz: false,

				userinfo: {
					user_tel: ''
				},

				CouponSet: '',
				istjhb: false,
				tjhbarr: '',

				mdxx: {
					typeset: '',
					fl_more: '',
					is_zb: '',
					qggn: '',
					is_qg: '',
					is_brand: '',
					is_tj: '',
					isyykg: 0,
					tz_appid: '',
					bq_logo: '',
					bq_name: '',
					support: '',
					is_tel: 0
				},

				navs: [],
				dbllz: '',
				zbllz: '',
				ZbOrder: [],
				qglist: [],
				toplb: '',
				zblb: '',
				dblb: '',

				cardlist: {
					pictureList: []
				},

				animationData_4: '',
				animationData_5: '',
				animationData_1: '',
				animationData_2: '',
				animationData_6: '',
				animationData_7: '',
				animationData_8: '',
				animationData_9: '',
				Brand: '',
				weizhi: '',
				startjwd: '',

				navbar_var: {
					navs: [],
					background_image: '',
					border_color: ''
				},

				isIpx: false,
				color: '',
				NaN: '',

				i: {
					full: '',
					reduction: ''
				},

				swipper_index: 0,
				home_tpl_ad_list: [],
				top: 0,
				isShowOverall: false
			};
		},
		created() {
			this.getTemplateNavAd();
			if (uni.getStorageSync('cache_storelist')) {
				this.storelist = uni.getStorageSync('cache_storelist');
			}
		},

		onLoad: function(t) {
			this.get_uni_cloud_im_config();
			console.log("onLoad,页面加载", t)
			app.globalData.setNavigationBarColor(this);
			this.appPageOnLoad(app);

			this.onLoadClone3389(t);

			// setTimeout(()=>{
			//   this.onLoadClone3389(t);
			// },200)
		},
		onPageScroll: function(t) {
			0 < t.scrollTop ?
				this.setData({
					topmove: true
				}) :
				this.setData({
					topmove: false
				});
		},
		onReady: function() {},
		onShow: function() {
			this.top = uni.getSystemInfoSync().statusBarHeight + 44;
		},
		onHide: function() {},
		onUnload: function() {},
		onPullDownRefresh: function() {
			this.setData({
				issx: false,
				selected: 0,
				mask1Hidden: true,
				mask2Hidden: true,
				animationData: '',
				location: '',
				characteristicSelected: [false, false],
				discountSelected: null,
				selectedNumb: 0,
				sortSelected: '综合排序',
				params: {
					nopsf: 2,
					nostart: 2,
					yhhd: ''
				},
				pagenum: 1,
				storelist: [],
				bfstorelist: [],
				mygd: false,
				jzgd: true
			});
			console.log('下拉刷新', this.pagenum, this.isxlsxz);
			this.isxlsxz ||
				(this.setData({
						jzgd: false
					}),
					this.onLoadClone3389({}));
			uni.stopPullDownRefresh();
		},
		onReachBottom() {
			console.log('上拉加载 上拉加载', this.pagenum);
			this.mygd ||
				!this.jzgd ||
				this.isjzz ||
				(this.setData({
						jzgd: false
					}),
					this.getstorelist());
		},
		onShareAppMessage: function() {
			return {
				title: '' == this.mdxx.fx_title ? this.mdxx.url_name : this.mdxx.fx_title,
				path: '/ymq_canyino2o/pages/Liar/loginindex',
				success: function(t) {},
				fail: function(t) {}
			};
		},
		onShareTimeline: function() {
			return {
				title: '' == this.mdxx.fx_title ? this.mdxx.url_name : this.mdxx.fx_title,
				path: '/ymq_canyino2o/pages/Liar/loginindex',
				success: function(t) {},
				fail: function(t) {}
			};
		},
		methods: {
			get_uni_cloud_im_config() {
				//请求 uni_cloud_im_config 接口
				app.globalData.util.request({
					url: 'entry/wxapp/uni_cloud_im_config',
					success: function(res) {
						console.log("UNIAPP云配置", res)
						if (res.data.code == 1) {
							uni.setStorageSync('client_uniapp_id', res.data.data.client_uniapp_id)
							uni.setStorageSync('runner_uniapp_id', res.data.data.runner_uniapp_id)
							console.log("client_uniapp_id", uni.getStorageSync('client_uniapp_id'))
							console.log("runner_uniapp_id", uni.getStorageSync('runner_uniapp_id'))
						}
					}
				})
			},

			getTemplateNavAd() {
				let that = this;
				app.globalData.util.request({
					url: 'entry/wxapp/home_tpl_type',
					success(res) {
						console.log("首页模板导航类别", res.data.data);
						if (res.data.data == undefined) {
							return
						}
						this.swipper_index = 0;
						let home_tpl_ad_list = []
						// that.home_tpl_ad_list = res.data.data[0].home_tpl_ad_list;
						// 合并res.data.data下面的所有 home_tpl_ad_list
						res.data.data.forEach((item, index) => {
							home_tpl_ad_list = home_tpl_ad_list.concat(item.home_tpl_ad_list)
						})
						console.log("home_tpl_ad_list", home_tpl_ad_list)
						that.home_tpl_ad_list = home_tpl_ad_list;
					}
				});
			},
			onLoadClone3389: function(t) {
				console.log("执行 onLoadClone3389")
				var that = this;
				that.setData({
					isxlsxz: true
				});
				//判断是否登录
				this.user_is_login && app.globalData.getUserInfo(function(s) {
					console.log(s);
					app.globalData.util.request({
						url: 'entry/wxapp/CouponSet',
						cachetime: '0',

						success: function(t) {
							that.setData({
								userinfo: s,
								CouponSet: t.data
							});
							var e = util.formatTime(new Date()).slice(11, 16);
							console.log("天降红包设置项目", t.data, e);
							e >= t.data.time && e < t.data.time2 ?
								(console.log('hbtime'),
									'1' == t.data.is_tjhb &&
									app.globalData.util.request({
										url: 'entry/wxapp/TjCoupons',
										cachetime: '0',

										data: {
											user_id: s.id
										},

										success: function(t) {
											console.log("天降红包领取", t.data, _typeof(t.data));
											// t.data;
											// t.data;
											if ('object' == _typeof(t.data)) {
												console.log(_typeof(t.data));
												that.setData({
													istjhb: true,
													tjhbarr: t.data
												});
												setTimeout(() => {
													that.refresh();
												}, 50)
											}
										}
									})) :
								console.log('nothbtime');
						}
					});
				});
				if (app.globalData.xtxx) {
					app.globalData.xtxx1 = app.globalData.xtxx
					uni.setNavigationBarTitle({
						title: app.globalData.xtxx.url_name
					});
					that.setData({
						mdxx: app.globalData.xtxx
					});
					// #ifndef H5
					qqmapsdk = new QQMapWX({
						key: app.globalData.xtxx.map_key
					});
					// #endif

					that.dwreLoad();
					uni.setStorageSync('bqxx', app.globalData.xtxx);

				} else {
					app.globalData.util.request({
						url: 'entry/wxapp/system',
						cachetime: '0',

						success: function(t) {
							console.log("system system", t);
							var n = t.data;
							app.globalData.xtxx = t.data
							app.globalData.xtxx1 = t.data

							// #ifndef H5
							if (t.data.map_key == '') {
								uni.showModal({
									title: '提示',
									content: '请先设置wx小程序腾讯地图key',
								});
							}
							qqmapsdk = new QQMapWX({
								key: t.data.map_key
							});
							// #endif
							uni.setNavigationBarTitle({
								title: t.data.url_name
							});
							console.log("system t.data", t.data);
							that.setData({
								mdxx: t.data
							});
							// app.globalData.util.request({
							//   url: 'entry/wxapp/TypeAd',
							//   cachetime: '0',
							//
							//   success: function (t) {
							//     console.log(t.data);
							//     var a = [];
							//     if ('1' == n.fl_more) {
							//       for (e = 0, s = t.data.length, void 0; e < s; e += 8) {
							//         var e;
							//         var s;
							//         a.push(t.data.slice(e, e + 8));
							//       }
							//     }
							//     if ('2' == n.fl_more) {
							//       for (e = 0, s = t.data.length; e < s; e += 10) {
							//         a.push(t.data.slice(e, e + 10));
							//       }
							//     }
							//     console.log("navs", a);
							//     that.setData({
							//       navs: a
							//     });
							//   }
							// });
							that.dwreLoad();
							uni.setStorageSync('bqxx', t.data);
						}
					});
				}

				app.globalData.util.request({
					url: 'entry/wxapp/TypeAd',
					cachetime: '0',

					success: function(t) {
						console.log(t.data);
						var a = [];
						if ('1' == app.globalData.xtxx.fl_more) {
							for (e = 0, s = t.data.length, void 0; e < s; e += 8) {
								var e;
								var s;
								a.push(t.data.slice(e, e + 8));
							}
						}
						if ('2' == app.globalData.xtxx.fl_more) {
							for (e = 0, s = t.data.length; e < s; e += 10) {
								a.push(t.data.slice(e, e + 10));
							}
						}
						console.log("navs", a);
						that.setData({
							navs: a
						});
					}
				});
				app.globalData.util.request({
					url: 'entry/wxapp/Llz',
					cachetime: '0',

					data: {
						type: '1,2'
					},

					success: function(t) {
						console.log(t);
						for (a = [], e = [], s = 0, void 0; s < t.data.length; s++) {
							var a;
							var e;
							var s;
							if (1 == t.data[s].type) {
								a.push(t.data[s]);
							}
							if (2 == t.data[s].type) {
								e.push(t.data[s]);
							}
						}
						that.setData({
							dbllz: a,
							zbllz: e
						});
					}
				});
				app.globalData.util.request({
					url: 'entry/wxapp/ZbOrder',
					cachetime: '0',

					success: function(t) {
						console.log(t.data);
						that.setData({
							ZbOrder: t.data
						});
					}
				});
				app.globalData.util.request({
					url: 'entry/wxapp/QgGoods',
					cachetime: '0',

					data: {
						type_id: '',
						store_id: '',
						page: 1,
						pagesize: 10,
						type: 1
					},

					success: function(t) {
						console.log('分页返回的列表数据', t.data);
						for (var a = 0; a < t.data.length; a++) {
							t.data[a].discount = ((Number(t.data[a].money) / Number(t.data[a].price)) * 10)
								.toFixed(1);
							t.data[a].yqnum = (((Number(t.data[a].number) - Number(t.data[a].surplus)) /
								Number(t.data[a]
									.number)) * 100).toFixed(1);
						}
						that.setData({
							qglist: t.data
						});
					}
				});
				app.globalData.util.request({
					url: 'entry/wxapp/ad',
					cachetime: '0',

					success: function(t) {
						console.log(t);
						for (a = [], e = [], s = [], n = [], i = 0, void 0; i < t.data.length; i++) {
							var a;
							var e;
							var s;
							var n;
							var i;
							'1' == t.data[i].type ?
								a.push(t.data[i]) :
								'3' == t.data[i].type ?
								e.push(t.data[i]) :
								'4' == t.data[i].type ?
								s.push(t.data[i]) :
								'11' == t.data[i].type && n.push(t.data[i]);
						}
						that.setData({
							toplb: a,
							zblb: e,
							dblb: s,

							cardlist: {
								upDownPadding: 10,
								leftRightPadding: 15,
								numberOfRow: 2,
								pictureList: n,
								radius: 10,
								padding: 10,
								height: 190
							}
						});
					}
				});
			},

			refresh: function() {
				var that = this;
				var t = uni.createAnimation({
					duration: 3000,
					timingFunction: 'linear'
				});
				t.opacity(0.2)
					.step({
						duration: 200
					})
					.opacity(0.3)
					.scale(1.1, 1.1)
					.translate3d(0, 10, 0)
					.step({
						duration: 200
					})
					.opacity(0.4)
					.scale(1.2, 1.2)
					.translate3d(0, 30, 0)
					.step({
						duration: 200
					})
					.opacity(0.5)
					.scale(1.3, 1.3)
					.translate3d(0, 50, 0)
					.step({
						duration: 200
					})
					.opacity(0.6)
					.scale(1.4, 1.4)
					.translate3d(0, 70, 0)
					.step({
						duration: 200
					})
					.opacity(0.7)
					.translate3d(0, 90, 0)
					.step({
						duration: 200
					})
					.opacity(0.8)
					.translate3d(0, 110, 0)
					.step({
						duration: 200
					})
					.opacity(0.9)
					.translate3d(0, 130, 0)
					.step({
						duration: 200
					})
					.opacity(1)
					.translate3d(0, 140, 0)
					.step({
						duration: 200
					});
				that.setData({
					animationData_4: t.export()
				});
				var e = uni.createAnimation({
					duration: 3000,
					timingFunction: 'linear'
				});
				e.opacity(0.2)
					.step({
						duration: 200
					})
					.opacity(0.3)
					.scale(1.1, 1.1)
					.translate3d(-10, 10, 0)
					.step({
						duration: 200
					})
					.opacity(0.4)
					.scale(1.2, 1.2)
					.translate3d(-15, 30, 0)
					.step({
						duration: 200
					})
					.opacity(0.5)
					.scale(1.3, 1.3)
					.translate3d(-20, 50, 0)
					.step({
						duration: 200
					})
					.opacity(0.6)
					.scale(1.4, 1.4)
					.translate3d(-25, 70, 0)
					.step({
						duration: 200
					})
					.opacity(0.7)
					.translate3d(-30, 90, 0)
					.step({
						duration: 200
					})
					.opacity(0.8)
					.translate3d(-35, 110, 0)
					.step({
						duration: 200
					})
					.opacity(0.9)
					.translate3d(-40, 130, 0)
					.step({
						duration: 200
					})
					.opacity(1)
					.translate3d(-30, 150, 0)
					.step({
						duration: 200
					});
				that.setData({
					animationData_5: e.export()
				});
				var s = uni.createAnimation({
					duration: 3000,
					timingFunction: 'linear'
				});
				s.translate3d(0, 0, 0)
					.scale(0, 0)
					.translate3d(0, 0, 0)
					.step({
						duration: 200
					})
					.scale(0.2, 0.2)
					.translate3d(0, 20, 0)
					.step({
						duration: 200
					})
					.scale(0.4, 0.4)
					.translate3d(0, 40, 0)
					.step({
						duration: 200
					})
					.scale(0.6, 0.6)
					.translate3d(0, 60, 0)
					.step({
						duration: 200
					})
					.scale(0.8, 0.8)
					.translate3d(0, 80, 0)
					.step({
						duration: 200
					})
					.scale(1, 1)
					.translate3d(0, 90, 0)
					.step({
						duration: 200
					});
				that.setData({
					animationData: s.export()
				});
				var n = uni.createAnimation({
					duration: 3000,
					timingFunction: 'linear'
				});
				n.scale(0, 0)
					.step({
						duration: 100
					})
					.scale(0.2, 0.2)
					.step({
						duration: 100
					})
					.scale(0.4, 0.4)
					.step({
						duration: 100
					})
					.scale(0.6, 0.6)
					.step({
						duration: 200
					})
					.scale(0.8, 0.8)
					.step({
						duration: 200
					})
					.scale(1, 1)
					.step({
						duration: 200
					});
				that.setData({
					animationData_1: n.export()
				});
				setTimeout(() => {
					console.log('开始执行');
					var t = uni.createAnimation({
						duration: 3000,
						timingFunction: 'linear'
					});
					t.opacity(0.1)
						.step({
							duration: 100
						})
						.opacity(0.3)
						.scale(1.1, 1.1)
						.translate3d(10, 10, 0)
						.step({
							duration: 100
						})
						.opacity(0.4)
						.scale(1.2, 1.2)
						.translate3d(11, 15, 0)
						.step({
							duration: 100
						})
						.opacity(0.5)
						.scale(1.3, 1.3)
						.translate3d(12, 20, 0)
						.step({
							duration: 100
						})
						.opacity(0.6)
						.scale(1.4, 1.4)
						.translate3d(13, 25, 0)
						.step({
							duration: 100
						})
						.opacity(0.7)
						.translate3d(14, 30, 0)
						.step({
							duration: 100
						})
						.opacity(0.8)
						.translate3d(15, 35, 0)
						.step({
							duration: 100
						})
						.opacity(0.9)
						.translate3d(16, 40, 0)
						.step({
							duration: 100
						})
						.opacity(1)
						.translate3d(17, 45, 0)
						.step({
							duration: 100
						});
					that.setData({
						animationData_2: t.export()
					});
				}, 700);
				setTimeout(() => {
					var t = uni.createAnimation({
						duration: 3000,
						timingFunction: 'linear'
					});
					t.opacity(0.1)
						.step({
							duration: 100
						})
						.opacity(0.3)
						.scale(1.1, 1.1)
						.translate3d(-100, 10, 0)
						.step({
							duration: 70
						})
						.opacity(0.4)
						.scale(1.2, 1.2)
						.translate3d(-110, 15, 0)
						.step({
							duration: 70
						})
						.opacity(0.5)
						.scale(1.3, 1.3)
						.translate3d(-120, 20, 0)
						.step({
							duration: 70
						})
						.opacity(0.6)
						.scale(1.4, 1.4)
						.translate3d(-130, 25, 0)
						.step({
							duration: 100
						})
						.opacity(0.7)
						.translate3d(-120, 30, 0)
						.step({
							duration: 130
						})
						.opacity(0.8)
						.translate3d(-110, 35, 0)
						.step({
							duration: 130
						})
						.opacity(0.9)
						.translate3d(-100, 40, 0)
						.step({
							duration: 130
						})
						.opacity(1)
						.translate3d(-90, 45, 0)
						.step({
							duration: 130
						});
					that.setData({
						animationData_6: t.export()
					});
				}, 700);
				setTimeout(() => {
					var t = uni.createAnimation({
						duration: 3000,
						timingFunction: 'linear'
					});
					t.opacity(0.1)
						.translate3d(0, 0, 0)
						.step({
							duration: 100
						})
						.opacity(0.3)
						.scale(1.1, 1.1)
						.translate3d(10, 10, 0)
						.step({
							duration: 70
						})
						.opacity(0.4)
						.scale(1.2, 1.2)
						.translate3d(20, 15, 0)
						.step({
							duration: 70
						})
						.opacity(0.5)
						.scale(1.3, 1.3)
						.translate3d(30, 20, 0)
						.step({
							duration: 70
						})
						.opacity(0.6)
						.scale(1.4, 1.4)
						.translate3d(40, 25, 0)
						.step({
							duration: 100
						})
						.opacity(0.7)
						.translate3d(50, 30, 0)
						.step({
							duration: 200
						})
						.opacity(0.8)
						.translate3d(60, 35, 0)
						.step({
							duration: 200
						})
						.opacity(0.9)
						.translate3d(70, 40, 0)
						.step({
							duration: 200
						})
						.opacity(1)
						.translate3d(80, 45, 0)
						.step({
							duration: 300
						});
					that.setData({
						animationData_7: t.export()
					});
				}, 700);
				setTimeout(() => {
					var t = uni.createAnimation({
						duration: 3000,
						timingFunction: 'ease-in-out'
					});
					t.opacity(0.1)
						.translate3d(20, -50, 0)
						.step({
							duration: 300
						})
						.opacity(1)
						.translate3d(40, 240, 200)
						.step({
							duration: 3000
						});
					that.setData({
						animationData_8: t.export()
					});
				}, 300);
				setTimeout(() => {
					setInterval(function() {
						var t = uni.createAnimation({
							duration: 3000,
							timingFunction: 'linear'
						});
						t.scale(1, 1)
							.step({
								duration: 300
							})
							.scale(1.1, 1.1)
							.step({
								duration: 300
							});
						that.setData({
							animationData_9: t.export()
						});
					}, 600);
				}, 1200);
			},

			onTapTag: function(t) {
				var a = this.params;
				if ('1' == t.currentTarget.dataset.index) {
					a.by = 'juli asc';
				}
				if ('2' == t.currentTarget.dataset.index) {
					a.by = 'sales desc';
				}
				console.log(a, t.currentTarget.dataset.index);
				this.setData({
					sortSelected: this.sortList[0].sort,
					selected: t.currentTarget.dataset.index,
					params: a,
					pagenum: 1,
					storelist: [],
					bfstorelist: [],
					mygd: false,
					jzgd: true
				});
				this.getstorelist();
			},

			onSortSelectedFun: function(t) {
				var a = this.params;
				if ('0' == t.currentTarget.dataset.sortindex) {
					a.by = 'number asc';
				}
				if ('1' == t.currentTarget.dataset.sortindex) {
					a.by = 'score desc';
				}
				if ('2' == t.currentTarget.dataset.sortindex) {
					a.by = 'start_at asc';
				}
				if ('3' == t.currentTarget.dataset.sortindex) {
					a.by = 'ps_money asc';
				}
				console.log(a, t.currentTarget.dataset.index, t.currentTarget.dataset.sortindex + 1);
				this.setData({
					selected: t.currentTarget.dataset.index,
					sortSelected: this.sortList[t.currentTarget.dataset.sortindex].sort,
					params: a,
					pagenum: 1,
					storelist: [],
					bfstorelist: [],
					mygd: false,
					jzgd: true
				});
				this.isShowOverall = false
				this.getstorelist();
			},

			finish: function() {
				var t = this.params;
				var a = this.characteristicSelected;
				var e = this.characteristicList;
				var s = this.discountSelected;
				this.setData({
					issx: true
				});
				t.nopsf = 2
				t.nostart = 2
				for (var n = 0; n < a.length; n++) {
					if (a[n]) {
						if ('0配送费' == e[n].text) {
							t.nopsf = 1;
						}
						if ('0元起送' == e[n].text) {
							t.nostart = 1;
						}
					}
				}
				t.yhhd = null != s ? this.discountList[s].zdname : '';
				this.setData({
					params: t,
					pagenum: 1,
					storelist: [],
					bfstorelist: [],
					mygd: false,
					jzgd: true
				});
				this.getstorelist();
				console.log(t, this.issx, a, e, s);
			},

			clearSelectedNumb: function() {
				var t = this.params;
				t.nopsf = 2;
				t.nostart = 2;
				t.yhhd = '';
				this.setData({
					characteristicSelected: [false],
					discountSelected: null,
					selectedNumb: 0,
					issx: false,
					params: t,
					pagenum: 1,
					storelist: [],
					bfstorelist: [],
					mygd: false,
					jzgd: true
				});
				this.getstorelist();
			},

			characteristicSelectedFun: function(t) {
				var a = this.characteristicSelected;
				a[t.currentTarget.dataset.index] = !a[t.currentTarget.dataset.index];
				this.setData({
					characteristicSelected: a,
					selectedNumb: this.selectedNumb + (a[t.currentTarget.dataset.index] ? 1 : -1)
				});
				console.log(a, t.currentTarget.dataset.index, t.currentTarget.dataset.name);
				this.finish()
			},

			discountSelectedFun: function(t) {
				this.discountSelected != t.currentTarget.dataset.index ?
					this.setData({
						discountSelected: t.currentTarget.dataset.index,
						selectedNumb: this.selectedNumb + (null == this.discountSelected ? 1 : 0)
					}) :
					this.setData({
						discountSelected: null,
						selectedNumb: this.selectedNumb - 1
					});
					// this.isShowFilter = false
					this.finish()
			},

			mask1Cancel: function() {
				this.setData({
					mask1Hidden: true
				});
			},

			mask2Cancel: function() {
				this.setData({
					mask2Hidden: true
				});
			},

			onOverallTag: function(t) {
				// console.log(t);
				// this.setData({
				// 	mask1Hidden: false
				// });
				this.isShowOverall = !this.isShowOverall
				this.isShowFilter = false
			},
			
			onFilterClick() {
				this.isShowFilter = !this.isShowFilter
				this.isShowOverall = false
			},

			onFilter: function() {
				this.setData({
					mask2Hidden: false
				});
			},

			hddb: function() {
				uni.pageScrollTo({
					scrollTop: 0,
					duration: 1000
				});
			},

			dwreLoad: function() {
				var that = this;
				var i = this.params;
				uni.getLocation({
					type: 'wgs84',
					success: function(t) {
						var e = t.latitude;
						var s = t.longitude;
						i.lat = e;
						i.lng = s;
						that.setData({
							params: i
						});
						that.getstorelist();
						app.globalData.util.request({
							url: 'entry/wxapp/Brand',
							cachetime: '0',
							data: {
								lat: e,
								lng: s
							},
							success: function(t) {
								that.setData({
									Brand: t.data
								});
							}
						});

						// #ifndef H5
						qqmapsdk.reverseGeocoder({
							location: {
								latitude: e,
								longitude: s
							},
							coord_type: 1,
							success: function(t) {
								console.log("定位成功", t);
								var a = t.result.ad_info.location;
								that.setData({
									weizhi: t.result.formatted_addresses.recommend,
									startjwd: a
								});
							},
							fail: function(t) {
								console.log("定位失败", t);
							},
							complete: function(t) {
								console.log("定位完成", t);
							}
						});
						// #endif

					},
					fail: function() {
						// #ifdef MP
						uni.getSetting({
							success: function(t) {
								console.log(t);
								if (0 == t.authSetting['scope.userLocation']) {
									uni.showModal({
										title: '提示',
										content: '您点击了拒绝授权,无法正常使用功能，点击确定重新获取授权。',
										showCancel: false,
										success: function(t) {
											if (t.confirm) {
												console.log('用户点击确定');
												uni.openSetting({
													success: function(t) {
														t.authSetting[
															'scope.userLocation'
														];
														that
															.dwreLoad();
													}
												});
											}
										}
									});
								}
							}
						});
						// #endif
					},
					complete: function(t) {}
				});
			},

			getstorelist: function() {
				var that = this;
				var l = that.pagenum;
				that.params.page = l;
				that.params.pagesize = 10;
				console.log(l, that.params);
				that.setData({
					isjzz: true
				});
				app.globalData.util.request({
					url: 'entry/wxapp/StoreList',
					cachetime: '0',
					data: that.params,
					success: function(t) {
						t.data.length < 10 ?
							that.setData({
								mygd: true,
								jzgd: true,
								isjzz: false
							}) :
							that.setData({
								jzgd: true,
								pagenum: l + 1,
								isjzz: false
							});
						for (a = 0, e = t.data.length, void 0; a < e; a++) {
							var a;
							var e;
							if ('0.0' == t.data[a].sales) {
								t.data[a].sales = '5.0';
							}
							var s = parseFloat(t.data[a].juli);
							t.data[a].aa = s < 1000 ? s + 'm' : (s / 1000).toFixed(2) + 'km';
							t.data[a].aa1 = s;
						}
						var n = that.bfstorelist;
						n = n.concat(t.data);
						if (1 == that.mdxx.isyykg) {
							for (i = [], o = [], r = 0, d = n.length, void 0; r < d; r++) {
								var i;
								var o;
								var r;
								var d;
								2 == n[r].is_yy ? o.push(n[r]) : i.push(n[r]);
							}
							n = i.concat(o);
						}
						n = (function(t) {
							for (a = [], e = 0, s = t.length, void 0; e < s; e++) {
								var a;
								var e;
								var s;
								if (-1 == a.indexOf(t[e])) {
									a.push(t[e]);
								}
							}
							return a;
						})(n);
						that.setData({
							isxlsxz: false,
							storelist: n,
							bfstorelist: n
						});
						uni.setStorageSync('cache_storelist', n);
					}
				});
			},

			jumps: function(t) {
				var a = t.currentTarget.dataset.id;
				var e = t.currentTarget.dataset.name;
				var s = t.currentTarget.dataset.appid;
				var n = t.currentTarget.dataset.src;
				var i = t.currentTarget.dataset.wb_src;
				var o = t.currentTarget.dataset.type;
				console.log(a, e, s, n, i, o);
				1 == o ?
					(console.log(n),
						uni.navigateTo({
							url: n
						})) :
					2 == o ?
					(uni.setStorageSync('vr', i),
						uni.navigateTo({
							url: '../car/car'
						})) :
					3 == o &&
					uni.navigateToMiniProgram({
						appId: s
					});
			},

			tzsjxq: function(t) {
				console.log("跳转商家详情", t.currentTarget.dataset, this.mdxx);
				1 == t.currentTarget.dataset.type ?
					((getApp().globalData.sjid = t.currentTarget.dataset.sjid),
						uni.navigateTo({
							url: '/ymq_canyino2o/pages/seller/index?sjid=' + t.currentTarget.dataset.sjid
						})) :
					'1' == this.mdxx.is_tzms ?
					((getApp().globalData.sjid = t.currentTarget.dataset.sjid),
						uni.navigateTo({
							url: '/ymq_canyino2o/pages/seller/index?sjid=' + t.currentTarget.dataset.sjid
						})) :
					uni.navigateTo({
						url: '/ymq_canyino2o/pages/takeout/takeoutindex?storeid=' + t.currentTarget.dataset.sjid
					});
			},

			qxd: function() {
				this.setData({
					istjhb: false
				});
			},

			sssj: function() {
				uni.navigateTo({
					url: 'sssj'
				});
			},

			xzwz() {
				console.log('占位：函数 xzwz 未声明');
			},

			tzweb() {
				console.log('占位：函数 tzweb 未声明');
			}
		}
	};
</script>

<style>
	/*.main {*/
	/*  padding-bottom: 155rpx;*/
	/*}*/

	.heard-location-text {
		position: absolute;
		overflow: hidden;
	}

	.overall-sort-list,
	.filterList,
	.filterList-footer {
		background: white;
	}

	.overall-sort-list {
		flex-direction: column;
		border-top: 1px solid rgba(0, 0, 0, 0);
		display: flex;
	}

	.overall-sort {
		font-size: 25rpx;
		height: 70rpx;
		line-height: 70rpx;
		margin-left: 30rpx;
	}

	.filterList {
		height: 500rpx;
		font-size: 27rpx;
		overflow: hidden;
	}

	.filterList-characteristic-title,
	.filterList-discount-title {
		position: relative;
		height: 50rpx;
		line-height: 50rpx;
		background: #fbfbfb;
		font-weight: 400;
		padding-left: 30rpx;
	}

	.filterList-characteristic-title::before,
	.filterList-discount-title::before {
		content: '';
		position: absolute;
		left: 0;
		top: 15rpx;
		display: inline-block;
		width: 5rpx;
		height: 20rpx;
		background: #fed161;
	}

	.filterList-characteristic-items {
		height: 100rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		align-content: space-around;
	}

	.filterList-characteristic-item {
		text-align: center;
		height: 70rpx;
		width: 200rpx;
		margin: 0 20rpx;
		border-radius: 70rpx;
		border: 2rpx solid #ececec;
		line-height: 70rpx;
	}

	.filterList-discount-item-icon {
		padding: 0 4rpx;
		color: white;
	}

	.filterList-discount-item {
		margin-left: 30rpx;
		height: 80rpx;
		line-height: 80rpx;
		border-bottom: 1rpx solid #ececec;
	}

	.filterList-footer {
		height: 90rpx;
		display: flex;
	}

	.filterList-footer-delect {
		flex: 1;
		font-size: 25rpx;
		line-height: 90rpx;
		padding-left: 30rpx;
	}

	.filterList-footer-finish {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: center;
		line-height: 90rpx;
		font-size: 35rpx;
		width: 210rpx;
		background: #ffd161;
		position: relative;
	}

	.filterList-footer-finish-number {
		height: 30rpx;
		width: 30rpx;
		line-height: 31rpx;
		font-size: 25rpx;
		margin-left: 15rpx;
		color: #ffd161;
		border-radius: 50%;
		background: black;
	}

	.characteristic-selected {
		background: #fffbf1;
		border-color: #ffe9b7;
		color: #ffe6b4;
	}

	.discount-selected {
		color: #ffe6b4;
	}

	.head {
		height: auto;
		/*H5下这里有问题*/
		/*position: fixed;*/
		/*top: 0;*/
		width: 100%;
		display: flex;
		flex-direction: row;
		z-index: 101;
	}

	.head image {
		width: 30rpx;
		height: 30rpx;
		margin-right: 20rpx;
	}

	.head-left {
		width: 375rpx;
		padding: 15rpx 10rpx 15rpx 20rpx;
		box-sizing: border-box;
	}

	.hl {
		height: 60rpx;
		font-size: 25rpx;
		color: #fff;
		background: rgba(0, 0, 0, 0.3);
		border-radius: 40rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		padding: 0 20rpx;
	}

	.hl view {
		flex: 1;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.head-right {
		width: 375rpx;
		padding: 15rpx 20rpx;
		box-sizing: border-box;
	}

	.head-search-box {
		width: 100%;
		padding: 15rpx 20rpx;
		box-sizing: border-box;
	}

	.h2 {
		height: 60rpx;
		font-size: 30rpx;
		color: #999;
		background: white;
		border-radius: 40rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		padding: 0 20rpx;
	}

	.h2-img {}

	.h2-input {
		font-size: 25rpx;
		flex: 1;
		height: 50rpx;
	}

	.body {
		width: 100%;
		height: auto;
	}

	.banner {
		background: #fff;
		width: 100%;
	}

	.swiper-container {
		position: relative;
	}

	.swiper-container .swiper {
		height: 360rpx;
	}

	.swiper-container .swiper .img {
		width: 100%;
		height: 100%;
	}

	.dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20rpx;
		display: flex;
		background: #000;
		width: 120rpx;
		margin: auto;
		border-radius: 10rpx;
		height: 20rpx;
		justify-content: center;
	}

	.dot {
		margin: 4rpx 8rpx;
		width: 14rpx;
		height: 14rpx;
		background: #fff;
		border-radius: 8rpx;
		transition: all 0.6s;
	}

	.active {
		width: 34rpx;
		background: #f80;
	}

	.swiper-box {
		background: #fff;
	}

	.swiper_tab {
		margin-top: -20rpx;
		width: 100%;
		height: 40rpx;
		background: #fff;
	}

	.swiper-tab {
		width: 40rpx;
		margin: 0 auto 0;
		display: flex;
		background: #fff;
	}

	.swiper-tab view:nth-child(2) {
		margin-left: 10rpx;
	}

	.swiper-tab-list {
		display: inline-block;
		width: 16rpx;
		height: 16rpx;
		background: #efeff4;
		border-radius: 50%;
	}

	.on {
		background: #34aaff;
	}

	.classification {
		width: 100%;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}

	.child_element {
		width: 25%;
		height: 170rpx;
		box-sizing: border-box;
	}

	.child_element1 {
		width: 20%;
		height: 170rpx;
		float: left;
		box-sizing: border-box;
	}

	.classification>view view:nth-child(1) {
		width: 90rpx;
		height: 90rpx;
		margin: 20rpx auto 5rpx;
	}

	.classification>view view:nth-child(2) {
		text-align: center;
		font-size: 26rpx;
		color: #666666;
	}

	.join {
		box-sizing: border-box;
		width: 100%;
		height: 85rpx;
		padding: 0 30rpx;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		align-items: center;
		background: #fff;
		margin-bottom: 20rpx;
		border-top: 1rpx solid #efeff4;
		font-size: 26rpx;
		color: #666;
	}

	.jion-img {
		display: inline-block;
		width: 40rpx;
		height: 40rpx;
	}

	.jion-jtimg {
		width: 20rpx;
		height: 30rpx;
	}

	.join-name {
		color: #000;
		font-weight: bold;
		font-size: 26rpx;
	}

	.jiony {
		background-color: #ff6160;
		border-radius: 10rpx;
		width: 158rpx;
		font-size: 26rpx;
		height: 59rpx;
		text-align: center;
		line-height: 59rpx;
		color: white;
	}

	.jionbo {
		flex: 1;
		height: 70rpx;
		margin-left: 20rpx;
		line-height: 70rpx;
		font-size: 26rpx;
	}

	.ctwz {
		font-weight: bold;
		color: #34aaff;
		font-size: 28rpx;
		margin-right: 20rpx;
		padding-right: 30rpx;
		border-right: 1rpx solid #efeff4;
	}

	.zjgg {
		background: #fff;
		padding: 20rpx 20rpx 20rpx;
	}

	.zjgg-swiper .swiper {
		height: 150rpx;
	}

	.zjgg-swiper .swiper .img {
		width: 100%;
		height: 100%;
	}

	.xsqg {
		background: #fff;
		padding: 10rpx 20rpx 0;
	}

	.xsqg-sv {
		width: 100%;
		position: relative;
		white-space: nowrap;
		display: block;
	}

	.xsqg-view {
		display: inline-block;
		width: 180rpx;
		margin-right: 15rpx;
		font-size: 28rpx;
		color: #999;
	}

	.xsqg-view>view {
		width: 170rpx;
	}

	.xsqg-view image {
		width: 180rpx;
		height: 180rpx;
		border-radius: 20rpx;
		margin-bottom: 10rpx;
	}

	.xsqg-view text:nth-child(1) {
		color: #ff4544;
		font-weight: bold;
	}

	.xsqg-view text:nth-child(2) {
		text-decoration: line-through;
		font-size: 22rpx;
		margin-left: 10rpx;
	}

	.yhzq {
		background: #fff;
	}

	.jzwb {
		display: flex;
		align-items: center;
		justify-content: center;
		color: #999;
		padding: 20rpx;
	}

	.hx {
		width: 60rpx;
		height: 1px;
		background: #d5d5d5;
	}

	.wz {
		margin: 0 20rpx;
	}

	.tbwz {
		font-size: 30rpx;
		font-weight: bold;
		color: #666;
	}

	.yhzq-top,
	.yhzq-mid {
		display: flex;
		flex-direction: row;
		margin-bottom: 8rpx;
	}

	.yhzq-top image {
		width: 50vw;
		height: 50vw;
		margin-right: 8rpx;
	}

	.yhzq-mid image {
		width: 33.33vw;
		height: 33.33vw;
		margin-right: 8rpx;
	}

	.pzyx {
		width: calc(100% - 32rpx);
		background: #fff;
		padding: 0rpx 20rpx 0;
		margin: 20rpx auto;
		box-sizing: border-box;
		border-radius: 10rpx;
	}

	.pzyx .jzwb {
		display: flex;
		justify-content: space-between;
		padding: 20rpx 0;
	}

	.pzyx .jzwb .tbwz {
		font-size: 26rpx;
		color: #363333;
		margin: 0;
		font-weight: 500;
	}

	.pzyx-sv {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}

	.pzyx-view {
		margin-right: 20rpx;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.pzyx-view .price {
		font-size: 24rpx;
		color: #FF0000;
	}

	.pzyx-view image {
		width: 100rpx;
		height: 100rpx;
		border-radius: 20rpx;
		margin-bottom: 10rpx;
	}

	.pzyx-view view:nth-child(3) {
		color: #34aaff;
		padding: 0 10rpx;
		border: 1rpx solid #34aaff;
		border-radius: 10rpx;
		font-size: 20rpx;
		margin: 10rpx 10rpx;
	}

	.tjsj {
		background: #fff;
		margin-top: 20rpx;
	}

	.header-title {
		text-align: center;
		width: 100%;
		height: 90rpx;
		line-height: 80rpx;
		font-size: 31rpx;
		font-weight: 600;
	}

	.sort-list {
		justify-content: space-around;
		display: flex;
		background: white;
		width: 100%;
		height: 90rpx;
		font-size: 27rpx;
		color: #6a6a6a;
		align-content: center;
		border: 1rpx solid #ececec;
	}

	.sort {
		text-align: center;
		margin: auto 0;
		height: 90rpx;
		line-height: 90rpx;
		border-right: 1rpx solid #ececec;
		flex: 1;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
	}

	.sortimg {
		width: 25rpx;
		height: 25rpx;
		margin-left: 10rpx;
		transition: all 500ms;
	}

	.sort-active {
		color: #469BF6;
		font-weight: 800;
	}

	.sortimg1 {
		width: 25rpx;
		height: 25rpx;
		margin-left: 10rpx;
		transform: rotate(-180deg);
		transition: all 500ms;
	}

	.sort-active2 {
		color: #34aaff;
	}


	.mask {
		width: 100%;
		height: 100%;
		position: fixed;
		z-index: 5;
		background-color: rgba(15, 15, 26, 0.7);
		transform: translateY(-100%);
		transition: background 500ms;
	}

	.mask .maskbody {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		transform: translateY(-100%);
		transition: transform 500ms;
	}

	.mask.maskactive {
		transform: translateY(0);
	}

	.mask.maskactive .maskbody {
		transform: translateY(0);
	}

	.sjlb {
		padding: 20rpx;
		border-bottom: 1rpx solid #ececec;
	}

	.bszz {
		background-color: #fff;
		filter: Alpha(Opacity=50);
		opacity: 0.5;
	}

	.isyy {
		bottom: 0rpx;
		width: 130rpx;
		height: 40rpx;
		border: 1rpx solid #666;
		color: #666;
		font-weight: normal;
		border-radius: 5rpx;
		font-size: 24rpx;
		line-height: 40rpx;
		text-align: center;
	}

	.sjleft {
		position: relative;
		overflow: hidden;
	}

	.xzhiding {
		position: absolute;
		width: 140rpx;
		text-align: center;
		background: #ff4324;
		color: #fff;
		font-size: 18rpx;
		transform: rotate(-45deg);
		left: -45rpx;
		top: 15rpx;
	}

	.sjleftimg {
		width: 140rpx;
		height: 140rpx;
		margin-right: 20rpx;
		border-radius: 20rpx;
	}

	.sjright1 {
		font-size: 30rpx;
		font-weight: bold;
		color: #333;
	}

	.pingjia_fenshu3 {
		position: relative;
		margin-right: 10rpx;
		width: 100rpx;
		height: 20rpx;
	}

	.pingfen {
		font-size: 30rpx;
		color: #f5622f;
		margin-right: 10rpx;
	}

	.kximg {
		position: absolute;
		width: 100rpx;
		height: 20rpx;
	}

	.kximg image {
		position: absolute;
		width: 100rpx;
		height: 20rpx;
	}

	.sximg {
		position: absolute;
		width: 100rpx;
		height: 20rpx;
		overflow: hidden;
	}

	.sximg image {
		position: absolute;
		width: 100rpx;
		height: 20rpx;
	}

	.recommed_midel {
		font-size: 24rpx;
		color: #666;
	}

	.sjright1,
	.sjright2,
	.sjright3 {
		height: 46.67rpx;
	}

	.sjright1-l {
		width: 400rpx;
	}

	.sjright2-r {
		font-size: 25rpx;
	}

	.sjright2-r1 {
		background: #ff4324;
		color: #fff;
		border: 1rpx solid #ff4324;
		border-radius: 5rpx;
		padding: 0rpx 5rpx;
		text-align: center;
		line-height: 30rpx;
		height: 30rpx;
		margin-right: 10rpx;
	}

	.sjright2-r2 {
		color: #ff4324;
		border: 0.5rpx solid #ff4324;
		border-radius: 5rpx;
		padding: 0rpx 5rpx;
		text-align: center;
		line-height: 30rpx;
		height: 30rpx;
	}

	.sjright3text {
		line-height: 30rpx;
		height: 30rpx;
		font-size: 24rpx;
		color: #888;
		padding: 0 10rpx;
		border-right: 1rpx solid #999;
	}

	.sjright4 {
		border-top: 2rpx dashed #dddddd;
		display: flex;
		justify-content: space-between;
		padding-top: 10rpx;
		font-size: 24rpx;
		color: #979797;
	}

	.sjright4-l .gobyndsingle {
		width: 400rpx;
	}

	.sjright4-l .flex-row {
		margin-top: 10rpx;
	}

	.sjright4-rimg {
		width: 20rpx;
		height: 20rpx;
	}

	.mj {
		width: 35rpx;
		height: 35rpx;
		background: linear-gradient(to bottom, #ff8920, #ffaa3d);
		color: white;
		text-align: center;
		line-height: 35rpx;
		border-radius: 6rpx;
		margin-right: 10rpx;
	}

	.xyh {
		width: 35rpx;
		height: 35rpx;
		background: linear-gradient(to bottom, #087beb, #79b4f0);
		color: white;
		text-align: center;
		line-height: 35rpx;
		border-radius: 6rpx;
		margin-right: 10rpx;
	}

	.fixed {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.fixed>view:nth-child(1) {
		width: 100%;
		height: 100%;
		background: #000;
		opacity: 0.5;
	}

	.fixed>view:nth-child(2) {
		width: 75%;
		height: 100%;
	}

	.animation>view:nth-child(1) {
		width: 90%;
		margin-left: 5%;
		height: 190rpx;
		line-height: 80rpx;
		text-align: center;
		z-index: 5000000;
	}

	.img1 {
		width: 100%;
		height: 190rpx;
	}

	.animation>view:nth-child(2) {
		width: 100%;
		height: 800rpx;
		margin-top: 110rpx;
		line-height: 80rpx;
		text-align: center;
	}

	.img2 {
		width: 50rpx;
		height: 50rpx;
		bottom: -140rpx;
		right: 100rpx;
		opacity: 0;
	}

	.img3 {
		width: 200rpx;
		bottom: -180rpx;
	}

	.img4 {
		width: 80rpx;
		left: 0;
		top: -100rpx;
	}

	.img5 {
		width: 80rpx;
		right: 0;
		top: -100rpx;
	}

	.img6 {
		width: 60rpx;
		height: 60rpx;
		top: 150rpx;
		opacity: 0;
		right: -300rpx;
	}

	.img7 {
		width: 60rpx;
		height: 60rpx;
		top: 150rpx;
		opacity: 0;
		left: -200rpx;
	}

	.img8 {
		width: 60rpx;
		top: 0;
		opacity: 0;
		right: 100rpx;
	}

	.coupon {
		width: 100%;
		height: 50%;
		background: linear-gradient(to bottom, #ec3d3d, #ff5353);
		top: 15%;
		left: 0%;
		overflow-y: scroll;
	}

	.tjhbyhq {
		padding: 0rpx 30rpx;
		background: #fff;
		width: 84%;
		margin: 30rpx 8%;
		border-radius: 10rpx;
	}

	.hyuan1 {
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		background: #f14343;
		border-radius: 50%;
		right: -55rpx;
		top: -25rpx;
	}

	.hyuan2 {
		position: absolute;
		width: 50rpx;
		height: 50rpx;
		background: #f14343;
		border-radius: 50%;
		left: -55rpx;
		top: -25rpx;
	}

	.tjhbyhqtop view:nth-child(1) {
		color: #d5220a;
		font-size: 40rpx;
		text-align: left;
		font-weight: bold;
	}

	.tjhbyhqtop view:nth-child(2) {
		color: #000;
		font-size: 30rpx;
	}

	.tjhbyhqft {
		border-top: 1rpx dashed #ccc;
		position: relative;
		font-size: 28rpx;
		color: #666;
	}

	.tjhbyhqft view:nth-child(3) {
		text-align: left;
	}

	.tjhbyhqtop {
		justify-content: space-between;
	}

	.place_coupon {
		width: 85%;
		height: 12%;
		top: 70%;
		left: 7.5%;
	}

	.place_coupon image {
		width: 100%;
		height: 100%;
	}


	.swiper {
		margin: 5rpx auto;
	}
</style>

<style lang="scss" scoped>
	page {
		background: #F6F6F6;
	}

	.u-navbar {
		.location {
			color: #000;
			display: flex;
			align-items: center;

			image.map {
				width: 24rpx;
				height: 28rpx;
			}

			view {
				margin: 0 10rpx
			}

			image.arrow {
				width: 8rpx;
				height: 14rpx;
			}
		}
	}

	.main {
		.head {
			width: 100%;
			position: fixed;
			left: 0;
			top: 100rpx;
			background: #fff;
			height: 50px;

			&-right {
				width: 100%;
				padding: 0 13rpx;
				box-sizing: border-box;
				margin: 0rpx auto;
				display: flex;
				align-items: center;
				justify-content: center;

				.h2 {
					width: 100%;
					border: 1px solid #00B7FB;
					background: #F7F7F7;

				}
			}
		}

		.wrapper {
			.swiper {
				margin: 5rpx 13rpx;

				image {
					border-radius: 10rpx;
				}
			}

			.body {
				margin: 16rpx auto;
				width: calc(100% - 26rpx);
				border-radius: 10rpx;

				.slide_icon_text {
					font-size: 20rpx;
				}
			}

			.join {
				width: calc(100% - 26rpx);
				margin: 0 auto;
				padding: 0 4rpx
			}

			.join-title {
				background: none;
				width: calc(100% - 26rpx);
				margin: 0 auto;
				padding: 0;

				.ctwz {
					margin-left: 0;
					font-weight: normal;
				}
			}

			.xsqg {
				width: 100%;
				background: none;
				padding: 0;

				.xsqg-view {
					background: #fff;
					width: 188rpx;
					padding: 10rpx 20rpx 17rpx 17rpx;
					box-sizing: border-box;
					margin-left: 13rpx;
					margin-right: 0;

					image {
						width: 151rpx;
						height: 151rpx;
						margin: 0 auto;
					}

					.name {
						color: #000;
						font-size: 24rpx;
					}

					.gobyndsingle {
						.money {
							font-weight: normal;
							color: #FF0036;
							font-size: 24rpx;
						}

						.price {
							color: #B9B1B3;
							font-size: 18rpx;
						}
					}

					.slide {
						height: 40rpx;
						margin-top: 30rpx;
						display: flex;
						align-items: center;

						.left {
							width: 34rpx;
							height: 34rpx;
							display: flex;
							align-items: center;
							justify-content: center;
							font-size: 18rpx;
							color: #fff;
							background: #FF0036;
							border-radius: 2rpx;
						}

						.right {
							display: flex;
							flex-direction: column;
							justify-content: center;
							margin-left: 14rpx;

							text {
								color: #B9B1B3;
								font-size: 18rpx;
							}

							.progress-wrapper {
								width: 80rpx;
								height: 16rpx;
								border-radius: 8rpx;
							}

							.progress {
								width: 80rpx;
								position: relative;
								border-radius: 8rpx;

								.inner {
									height: 10rpx;
									position: absolute;
									left: 0;
									top: 0;
									background: #FF0036;
									border-radius: 8rpx;
									z-index: 99;
								}

								.outer {
									height: 10rpx;
									width: 100%;
									position: absolute;
									left: 0;
									top: 0;
									background: #FECED8;
									border-radius: 8rpx;
								}
							}
						}
					}
				}
			}

			.tjsj {
				background: none;

				.sort-list {
					border-bottom: none;

					.sort {
						border-right: none;
					}
				}

				.filters {
					background: #fff;

					.filterList-characteristic-items {
						height: auto;
						padding: 0 0 10rpx;

						.filterList-characteristic-item {
							height: auto;
							width: auto;
							margin-bottom: 10rpx;
							background: #F2F2F2;
							border-radius: 10rpx;
							font-size: 26rpx;
							padding: 15rpx 20rpx;
							line-height: 30rpx;
						}

						.characteristic-selected,
						.discount-selected {
							background: #469BF6;
							color: #fff;
							border: none;
						}
					}
				}

				.sjlb {
					background: #fff;
					box-sizing: border-box;
					width: calc(100% - 40rpx);
					margin: 28rpx auto;
					box-shadow: 0rpx 1rpx 13rpx 0rpx rgba(230, 228, 228, 0.35);
					border-radius: 10rpx;

					.sjright3 {
						margin-top: 24rpx;
					}

					.sjright2-text {
						color: #469BF6;
						border: 1px solid #6ab1fc;
						background: none;
						padding: 0rpx 6rpx;
						font-size: 20rpx;
						margin-right: 6rpx;
					}
				}

			}
		}
	}
</style>